import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class MenuPlaySubPage extends StatefulWidget {
  final String tid;
  const MenuPlaySubPage({Key? key, required this.tid}) : super(key: key);

  @override
  State<MenuPlaySubPage> createState() => _MenuPlaySubPageState();
}

class _MenuPlaySubPageState extends State<MenuPlaySubPage> {
  // BaseRspResult<RoomInteractionListRsp>? _rsp;
  // List<InteractionItem> get _list => _rsp?.data?.items ?? [];

  @override
  void initState() {
    super.initState();
    _requestData();
  }

  _requestData() async {
    // _rsp = await RtcApi.instance.getRoomInteractionList(widget.tid);
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    // if (_rsp == null) {
    //   return const CupertinoActivityIndicator();
    // }
    // if (_list.isEmpty) {
    //   return JREmptyView(
    //     onTap: _requestData,
    //   );
    // }

    return Text('ListView.builder');

    // return ListView.builder(
    //   itemBuilder: (c, index) {
    //     return _itemWidget(_list[index]);
    //   },
    //   itemCount: _list.length,
    //   itemExtent: 184,
    // );
  }

  // Widget _itemWidget(InteractionItem item) {
  //   return Container(
  //     decoration: BoxDecoration(
  //       color: JR.color.brandBg,
  //       borderRadius: BorderRadius.circular(12),
  //     ),
  //     margin: const EdgeInsetsDirectional.only(bottom: 12),
  //     padding: const EdgeInsetsDirectional.only(
  //         start: 10, top: 10, bottom: 16, end: 10),
  //     child: Column(
  //       children: [
  //         SizedBox(
  //           height: 110,
  //           child: Row(
  //             children: [
  //               Container(
  //                   clipBehavior: Clip.antiAlias,
  //                   decoration: BoxDecoration(
  //                     borderRadius: BorderRadius.circular(8),
  //                   ),
  //                   child: JR.img(item.icon,
  //                       width: 100, height: 100, fit: BoxFit.fitWidth)),
  //               const SizedBox(
  //                 width: 10,
  //               ),
  //               Expanded(
  //                   child: Column(
  //                 crossAxisAlignment: CrossAxisAlignment.start,
  //                 children: [
  //                   Text(
  //                     item.tittle,
  //                     style: JRTextStyles.styleFont14W600
  //                         .copyWith(color: JR.color.mainText),
  //                     maxLines: 1,
  //                     overflow: TextOverflow.ellipsis,
  //                   ),
  //                   const SizedBox(
  //                     height: 6,
  //                   ),
  //                   Text(
  //                     item.desc,
  //                     style: JRTextStyles.styleFont11W400
  //                         .copyWith(color: JR.color.subText),
  //                     maxLines: 2,
  //                   ),
  //                   const Spacer(),
  //                   Row(
  //                     crossAxisAlignment: CrossAxisAlignment.end,
  //                     children: [
  //                       Padding(
  //                         padding: const EdgeInsets.only(bottom: 3),
  //                         child: Text(item.priceDesc.prefix,
  //                             style: JRTextStyles.styleFont11W400
  //                                 .copyWith(color: JR.color.secondaryText)),
  //                       ),
  //                       JRGradientText(
  //                           item.priceDesc.price.toString(),
  //                           LinearGradient(colors: JR.color.brandGradient),
  //                           JRTextStyles.styleFont16W600),
  //                       Flexible(
  //                         child: Padding(
  //                           padding: const EdgeInsets.only(bottom: 3),
  //                           child: Text(item.priceDesc.suffix,
  //                               style: JRTextStyles.styleFont11W400
  //                                   .copyWith(color: JR.color.secondaryText),
  //                               maxLines: 1,
  //                               overflow: TextOverflow.ellipsis),
  //                         ),
  //                       ),
  //                     ],
  //                   ),
  //                 ],
  //               ))
  //             ],
  //           ),
  //         ),
  //         const Spacer(),
  //         Row(
  //           children: [
  //             Expanded(
  //               child: RGradientBorderButton(
  //                 title: T.current!.see_details,
  //                 style: JRTextStyles.styleFont13W500,
  //                 onPressed: () async {
  //                   var result = await MenuPlayDetailPage.show(
  //                       context, item.id.toString());
  //                   if (result == true) {
  //                     Get.back();
  //                     _showGiftPage();
  //                   }
  //                 },
  //                 height: 32,
  //               ),
  //             ),
  //             const SizedBox(
  //               width: 14,
  //             ),
  //             Expanded(
  //                 child: RButton(
  //               title: T.current!.order,
  //               style: JRTextStyles.styleFont13W500,
  //               onPressed: () async {
  //                 Get.back();
  //                 _showGiftPage();
  //               },
  //               height: 32,
  //             ))
  //           ],
  //         )
  //       ],
  //     ),
  //   );
  // }

  _showGiftPage() {
    // RootProxyModel.instance?.roomPageModel?.clickRoomGift(context);
  }
}
